<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!--优先使用IE最新版本和Chrome-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
		<!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--禁止浏览器自动的识别-电话号码-email--->
		<meta name="format-detection" content="telephone=no,email=no"/>
		<!--是否启用Web全屏-->
		<meta name="apple-mobile-web-app-capable" content='yes' />
		<meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
		<!--设置苹果工具栏颜色-->
		<meta name="apple-mobile-web-app-status-bar-style" content='black' />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<title></title>
	</head>
	<body>
		<header>
			<div class="head">
				<div>
					<img src="img/classifyImage.png" />
				</div>
				<div>
					<img src="img/search.png" />
					<input type="text"  placeholder="超市"/>
				</div>
				<div>
					<img src="img/shoppingcartImega.png" />
					<p>丨北京</p>
				</div>
			</div>
		</header>
		<aside>
			<!--轮播图-->
			<div class="lunbo">
				<div class="swiper-container lb">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/a1.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/a2.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/a3.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/a4.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/a5.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/a6.png" />
						</div>
						
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<!--分页-->
			<div class="fy">
				<ul>
					<li><a href="html/index1.html">
						<img src="img/1.png" />
						<p>母婴玩具</p>
					</a></li>
					<li><a href="html/index1.html">
						<img src="img/2.png" />
						<p>休闲零食</p>
					</a></li>
					<li><a href="html/index1.html">
						<img src="img/3.png" />
						<p>酒水乳品</p>
					</a></li>
					<li><a href="html/index1.html">
						<img src="img/4.png" />
						<p>粮油副食</p>
					</a></li>
					<li><a href="html/index1.html">
						<img src="img/5.png" />
						<p>洗护美妆</p>
					</a></li>
					<li><a href="html/index1.html">
						<img src="img/6.png" />
						<p>家居用品</p>
					</a></li>
					<li><a href="html/index1.html">
						<img src="img/7.png" />
						<p>制品请假</p>
					</a></li>
					<li><a href="html/index1.html">
						<img src="img/8.png" />
						<p>家用电器</p>
					</a></li>
					<li><a href="html/index1.html">
						<img src="img/9.png" />
						<p>进口食品</p>
					</a></li>
					<li><a href="html/index1.html">
						<img src="img/10.png" />
						<p>出游</p>
					</a></li>
				</ul>
			</div>
			<div class="nr">
				<div class="left">
					<img src="img/cont_03.png" class="img1" />
					<div class="time">
					<h1>12点场剩余时间</h1>
		            <p id="tim">
		            	<span></span>：
		            	<span></span>：
		            	<span></span>
		            </p>
					</div>
					<img src="img/zhijin.png" class="img2" />
				</div>
				<div class="right">
					<ul class="top">
						<li>
							<h2>生鲜区</h2>
							<p>买二免一</p>
							<p>	爆款直减</p>
						</li>
						<li>
							<img src="img/shengxian.png" />
						</li>
					</ul>
					<ul class="bottom">
						<li>
							<p>好货</p>
							<p>超市热卖</p>
							<img src="img/cont_12.png" />
						</li>
						<li>
							<p>好货</p>
							<p>超市热卖</p>
							<img src="img/cont_14.png" style="margin-top: 0.2rem;" />
						</li>
						<li>
							<p>好货</p>
							<p>超市热卖</p>
							<img src="img/cont_16.png" />
						</li>
					</ul>
				</div>
			</div>
			<div class="nrr">
				<ul class="left">
					<img src="img/cont_22.png" />
					<p>买贵陪十倍</p>
				</ul>
				<ul class="right">
					<li><img src="img/cont_23.png"></li>
					<li><img src="img/cont_25.png"></li>
					<li><img src="img/cont_26.png"></li>
				</ul>
			</div>
		</aside>
		<footer>
			<div class="foot">
				<li>
					<a><img src="img/JJ_03.png" />
					<p>首页</p>
					</a>
				</li>
				<li>
					<a><img src="img/JJ_05.png" />
					<p>物流</p>
					</a>
				</li>
				<li>
					<a href="html/sign.html"><img src="img/JJ_07.png" />
					<p>购物车</p>
					</a>
				</li>
				<li>
					<a href="html/myTaoBao.html"><img src="img/JJ_09.png" />
					<p>我的淘宝</p>
					</a>
				</li>
				<li>
					<a><img src="img/JJ_11.png" />
					<p>更多</p>
					</a>
				</li>
			</div>
		</footer>
	</body>
	<script>		
    (function () {
        size();
        window.onresize = function () {
            size();
        }
        function size() {
            var winW = document.documentElement.clientWidth || document.body.clientWidth;
            document.documentElement.style.fontSize =  (winW / 320)*100 + "px";
        }
    })()
	</script>
	<script src="js/swiper-3.4.2.min.js"></script>
	<script src="js/jquery-3.1.1.min.js"></script>
	<script>
		var lb=new Swiper(".lb",{
			autoplay:1000,
			pagination:".swiper-pagination",
			autoplayDisableOnInteraction:false
		})
	</script>
	<script>
		setInterval(function(){
				var Date1=new Date()
//				console.log(Date1)
				var Date2=new Date(2017,10,1,12);
				var Date3=Date2-Date1
				var h=parseInt(Date3/1000/60/60)%24;
				console.log(h)
				var m=parseInt(Date3/1000/60)%60;
				var s=parseInt(Date3/1000)%60;
//				console.log(h)
				$("#tim span").eq(0).html(h)
				$("#tim span").eq(1).html(m)
				$("#tim span").eq(2).html(s)
			},1000)
	</script>
</html>
